{% extends "base.html" %}{% load i18n crm_tags %}
{% block title %}{% translate "Team" %}{% endblock %}
{% block content %}
<div class="page-head">
  <div>
    <h1>{% translate "Team" %}</h1>
    <p>{% translate "Everyone who can sign in. Supervisors also see giving, reports and this page." %}</p>
    {% if user.is_superuser %}<p>{% blocktranslate trimmed with n=super_count max=super_limit %}Super users: {{ n }} of {{ max }}{% endblocktranslate %} · {% blocktranslate trimmed with n=admin_count max=admin_limit %}Administrators: {{ n }} of {{ max }}{% endblocktranslate %}</p>{% endif %}
  </div>
  {% if user.is_superuser %}<div class="actions"><a class="btn btn-primary" href="{% url 'team_add' %}">{% translate "Add team member" %}</a></div>{% endif %}
</div>
{% if pending and user.is_superuser %}
<section class="panel signups" aria-labelledby="su-h">
  <div class="panel-head"><h2 id="su-h">{% translate "Waiting for approval" %}</h2><span class="muted small">{% translate "Accounts made before sign-up was closed" %}</span></div>
  <ul class="rows">
    {% for p in pending %}
    <li>
      <div class="grow">
        <div class="title">{{ p.get_full_name }}</div>
        <div class="meta"><span class="phone">{{ p.phone|phone }}</span>{% if p.alt_phone %}, <span class="phone">{{ p.alt_phone|phone }}</span>{% endif %}. {% blocktranslate trimmed with when=p.date_joined|when %}Signed up {{ when }}{% endblocktranslate %}</div>
      </div>
      <form method="post" action="{% url 'signup_decide' p.pk %}" class="approve-form">
        {% csrf_token %}
        <label class="sr-only" for="role{{ p.pk }}">{% translate "Role" %}</label>
        <select id="role{{ p.pk }}" name="role">{% for value, label in approve_form.fields.role.choices %}<option value="{{ value }}">{{ label }}</option>{% endfor %}</select>
        <button class="btn btn-small btn-primary" type="submit" name="action" value="approve">{% translate "Approve" %}</button>
        <button class="btn btn-small btn-danger" type="submit" name="action" value="decline" data-confirm="{% translate 'Decline this sign-up? The account will be removed.' %}">{% translate "Decline" %}</button>
      </form>
    </li>
    {% endfor %}
  </ul>
</section>
{% endif %}

<div class="table-wrap">
  <table>
    <thead><tr><th>{% translate "Name" %}</th><th>{% translate "Signs in as" %}</th><th>{% translate "Role" %}</th><th class="hide-sm">{% translate "Language" %}</th><th class="right hide-sm">{% translate "Calls this month" %}</th><th class="right hide-sm">{% translate "Open follow-ups" %}</th><th class="hide-sm">{% translate "Last signed in" %}</th><th></th></tr></thead>
    <tbody>
    {% for p in people %}
      <tr{% if not p.is_active %} style="opacity:.55"{% endif %}>
        <td class="title">{{ p.display_name }}{% if not p.is_active %} <span class="pill">{% translate "Can’t sign in" %}</span>{% endif %}</td>
        <td{% if p.is_supervisor %} class="num"{% endif %}>{% if p.is_supervisor %}{{ p.username }}{% else %}{{ p.get_full_name|default:p.username }}{% endif %}</td>
        <td>{% if p.is_superuser %}<strong>{{ p.role_label }}</strong>{% else %}{{ p.get_role_display }}{% endif %}{% if p.can_plan_shifts and not p.is_superuser %} <span class="pill shift-day">{% translate "Plans shifts" %}</span>{% endif %}</td>
        <td class="hide-sm">{% if p.language %}{{ p.get_language_display }}{% else %}<span class="muted">{% translate "Church default" %}</span>{% endif %}</td>
        <td class="right num hide-sm">{{ p.calls_month }}</td>
        <td class="right num hide-sm">{{ p.open_follow_ups }}</td>
        <td class="hide-sm muted">{% if p.last_login %}{{ p.last_login|when }}{% else %}{% translate "Never" %}{% endif %}</td>
        <td class="right nowrap">{% if p.role != "transporter" or p.is_superuser %}<a class="btn btn-small btn-quiet" href="{% url 'call_time' %}?person={{ p.pk }}">{% translate "Record" %}</a>{% endif %}{% if user.is_superuser %}<a class="btn btn-small btn-quiet" href="{% url 'team_edit' p.pk %}">{% translate "Edit" %}</a>{% endif %}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}